<template>
  <div class="hello">
    <img class="portrait" src="../assets/psb (2).jpg" alt="">
    <p class="name">Hello,hhhhh</p>
    <router-link to="/Read"><p class="btn">开启小程序之旅</p></router-link>

  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello{
  position: fixed;
  width:100%;
  height: 100%;
  background: #b3d4db;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portrait{
  width:1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  margin:0 0 0.59rem 0;
}
.name{
  font-size: 0.14rem;
  font-weight: bold;
  color: #5a545f;
}
.btn{
  width:1.13rem;
  height: 0.47rem;
  border:0.015rem solid #486786;
  border-radius: 0.05rem;
  margin-top: 1.1rem;
  color: #2f5177;
  line-height: 0.47rem;
  text-align: center;
  font-size: 0.12rem;
  font-weight: bold;
}
</style>
